From 4de5d225dbfc98e4c53b2e6b1e8127ba59e5a8e7 Mon Sep 17 00:00:00 2001
From: Benjamin Otte <otte@redhat.com>
Date: Wed, 8 Dec 2021 19:09:29 +0100
Subject: [PATCH] reftests: Add center-center reftests without GtkOverlay

---
 ...nter-center-100x100-picture-in-100x200.css | 15 ++++++++++
 ...r-center-100x100-picture-in-100x200.ref.ui |  9 ++++++
 ...enter-center-100x100-picture-in-100x200.ui | 17 +++++++++++
 ...nter-center-100x100-picture-in-200x100.css | 15 ++++++++++
 ...r-center-100x100-picture-in-200x100.ref.ui |  9 ++++++
 ...enter-center-100x100-picture-in-200x100.ui | 17 +++++++++++
 ...nter-center-150x150-picture-in-100x200.css | 15 ++++++++++
 ...r-center-150x150-picture-in-100x200.ref.ui |  9 ++++++
 ...enter-center-150x150-picture-in-100x200.ui | 17 +++++++++++
 ...nter-center-150x150-picture-in-200x100.css | 15 ++++++++++
 ...r-center-150x150-picture-in-200x100.ref.ui |  9 ++++++
 ...enter-center-150x150-picture-in-200x100.ui | 17 +++++++++++
 ...nter-center-200x200-picture-in-100x200.css | 15 ++++++++++
 ...r-center-200x200-picture-in-100x200.ref.ui |  9 ++++++
 ...enter-center-200x200-picture-in-100x200.ui | 17 +++++++++++
 ...nter-center-200x200-picture-in-200x100.css | 15 ++++++++++
 ...r-center-200x200-picture-in-200x100.ref.ui |  9 ++++++
 ...enter-center-200x200-picture-in-200x100.ui | 17 +++++++++++
 ...center-center-20x20-picture-in-100x200.css | 15 ++++++++++
 ...ter-center-20x20-picture-in-100x200.ref.ui |  9 ++++++
 .../center-center-20x20-picture-in-100x200.ui | 17 +++++++++++
 ...center-center-20x20-picture-in-200x100.css | 15 ++++++++++
 ...ter-center-20x20-picture-in-200x100.ref.ui |  9 ++++++
 .../center-center-20x20-picture-in-200x100.ui | 17 +++++++++++
 ...nter-center-300x300-picture-in-100x200.css | 15 ++++++++++
 ...r-center-300x300-picture-in-100x200.ref.ui |  9 ++++++
 ...enter-center-300x300-picture-in-100x200.ui | 17 +++++++++++
 ...nter-center-300x300-picture-in-200x100.css | 15 ++++++++++
 ...r-center-300x300-picture-in-200x100.ref.ui |  9 ++++++
 ...enter-center-300x300-picture-in-200x100.ui | 17 +++++++++++
 testsuite/reftests/meson.build                | 30 +++++++++++++++++++
 31 files changed, 440 insertions(+)
 create mode 100644 testsuite/reftests/center-center-100x100-picture-in-100x200.css
 create mode 100644 testsuite/reftests/center-center-100x100-picture-in-100x200.ref.ui
 create mode 100644 testsuite/reftests/center-center-100x100-picture-in-100x200.ui
 create mode 100644 testsuite/reftests/center-center-100x100-picture-in-200x100.css
 create mode 100644 testsuite/reftests/center-center-100x100-picture-in-200x100.ref.ui
 create mode 100644 testsuite/reftests/center-center-100x100-picture-in-200x100.ui
 create mode 100644 testsuite/reftests/center-center-150x150-picture-in-100x200.css
 create mode 100644 testsuite/reftests/center-center-150x150-picture-in-100x200.ref.ui
 create mode 100644 testsuite/reftests/center-center-150x150-picture-in-100x200.ui
 create mode 100644 testsuite/reftests/center-center-150x150-picture-in-200x100.css
 create mode 100644 testsuite/reftests/center-center-150x150-picture-in-200x100.ref.ui
 create mode 100644 testsuite/reftests/center-center-150x150-picture-in-200x100.ui
 create mode 100644 testsuite/reftests/center-center-200x200-picture-in-100x200.css
 create mode 100644 testsuite/reftests/center-center-200x200-picture-in-100x200.ref.ui
 create mode 100644 testsuite/reftests/center-center-200x200-picture-in-100x200.ui
 create mode 100644 testsuite/reftests/center-center-200x200-picture-in-200x100.css
 create mode 100644 testsuite/reftests/center-center-200x200-picture-in-200x100.ref.ui
 create mode 100644 testsuite/reftests/center-center-200x200-picture-in-200x100.ui
 create mode 100644 testsuite/reftests/center-center-20x20-picture-in-100x200.css
 create mode 100644 testsuite/reftests/center-center-20x20-picture-in-100x200.ref.ui
 create mode 100644 testsuite/reftests/center-center-20x20-picture-in-100x200.ui
 create mode 100644 testsuite/reftests/center-center-20x20-picture-in-200x100.css
 create mode 100644 testsuite/reftests/center-center-20x20-picture-in-200x100.ref.ui
 create mode 100644 testsuite/reftests/center-center-20x20-picture-in-200x100.ui
 create mode 100644 testsuite/reftests/center-center-300x300-picture-in-100x200.css
 create mode 100644 testsuite/reftests/center-center-300x300-picture-in-100x200.ref.ui
 create mode 100644 testsuite/reftests/center-center-300x300-picture-in-100x200.ui
 create mode 100644 testsuite/reftests/center-center-300x300-picture-in-200x100.css
 create mode 100644 testsuite/reftests/center-center-300x300-picture-in-200x100.ref.ui
 create mode 100644 testsuite/reftests/center-center-300x300-picture-in-200x100.ui

diff --git a/testsuite/reftests/center-center-100x100-picture-in-100x200.css b/testsuite/reftests/center-center-100x100-picture-in-100x200.css
new file mode 100644
index 0000000000..e496fc2d82
--- /dev/null
+++ b/testsuite/reftests/center-center-100x100-picture-in-100x200.css
@@ -0,0 +1,15 @@
+* {
+  all: unset;
+  background-color: mintcream;
+}
+
+picture {
+  background-color: firebrick;
+}
+
+#reference {
+  background-image: image(lime);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100px 100px;
+}
diff --git a/testsuite/reftests/center-center-100x100-picture-in-100x200.ref.ui b/testsuite/reftests/center-center-100x100-picture-in-100x200.ref.ui
new file mode 100644
index 0000000000..9521d560cb
--- /dev/null
+++ b/testsuite/reftests/center-center-100x100-picture-in-100x200.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="width_request">100</property>
+    <property name="height_request">200</property>
+    <property name="name">reference</property>
+    <property name="decorated">0</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-100x100-picture-in-100x200.ui b/testsuite/reftests/center-center-100x100-picture-in-100x200.ui
new file mode 100644
index 0000000000..2acb5704ba
--- /dev/null
+++ b/testsuite/reftests/center-center-100x100-picture-in-100x200.ui
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="default-width">100</property>
+    <property name="default-height">200</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-100x100.png</property>
+        <property name="keep-aspect-ratio">0</property>
+        <property name="can-shrink">1</property>
+        <property name="halign">center</property>
+        <property name="valign">center</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-100x100-picture-in-200x100.css b/testsuite/reftests/center-center-100x100-picture-in-200x100.css
new file mode 100644
index 0000000000..e496fc2d82
--- /dev/null
+++ b/testsuite/reftests/center-center-100x100-picture-in-200x100.css
@@ -0,0 +1,15 @@
+* {
+  all: unset;
+  background-color: mintcream;
+}
+
+picture {
+  background-color: firebrick;
+}
+
+#reference {
+  background-image: image(lime);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100px 100px;
+}
diff --git a/testsuite/reftests/center-center-100x100-picture-in-200x100.ref.ui b/testsuite/reftests/center-center-100x100-picture-in-200x100.ref.ui
new file mode 100644
index 0000000000..e06f2b02dd
--- /dev/null
+++ b/testsuite/reftests/center-center-100x100-picture-in-200x100.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="width_request">200</property>
+    <property name="height_request">100</property>
+    <property name="name">reference</property>
+    <property name="decorated">0</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-100x100-picture-in-200x100.ui b/testsuite/reftests/center-center-100x100-picture-in-200x100.ui
new file mode 100644
index 0000000000..c5bc7b0882
--- /dev/null
+++ b/testsuite/reftests/center-center-100x100-picture-in-200x100.ui
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="default-width">200</property>
+    <property name="default-height">100</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-100x100.png</property>
+        <property name="keep-aspect-ratio">0</property>
+        <property name="can-shrink">1</property>
+        <property name="halign">center</property>
+        <property name="valign">center</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-150x150-picture-in-100x200.css b/testsuite/reftests/center-center-150x150-picture-in-100x200.css
new file mode 100644
index 0000000000..e496fc2d82
--- /dev/null
+++ b/testsuite/reftests/center-center-150x150-picture-in-100x200.css
@@ -0,0 +1,15 @@
+* {
+  all: unset;
+  background-color: mintcream;
+}
+
+picture {
+  background-color: firebrick;
+}
+
+#reference {
+  background-image: image(lime);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100px 100px;
+}
diff --git a/testsuite/reftests/center-center-150x150-picture-in-100x200.ref.ui b/testsuite/reftests/center-center-150x150-picture-in-100x200.ref.ui
new file mode 100644
index 0000000000..9521d560cb
--- /dev/null
+++ b/testsuite/reftests/center-center-150x150-picture-in-100x200.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="width_request">100</property>
+    <property name="height_request">200</property>
+    <property name="name">reference</property>
+    <property name="decorated">0</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-150x150-picture-in-100x200.ui b/testsuite/reftests/center-center-150x150-picture-in-100x200.ui
new file mode 100644
index 0000000000..d7f8295550
--- /dev/null
+++ b/testsuite/reftests/center-center-150x150-picture-in-100x200.ui
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="default-width">100</property>
+    <property name="default-height">200</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-150x150.png</property>
+        <property name="keep-aspect-ratio">0</property>
+        <property name="can-shrink">1</property>
+        <property name="halign">center</property>
+        <property name="valign">center</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-150x150-picture-in-200x100.css b/testsuite/reftests/center-center-150x150-picture-in-200x100.css
new file mode 100644
index 0000000000..adbc2cbedc
--- /dev/null
+++ b/testsuite/reftests/center-center-150x150-picture-in-200x100.css
@@ -0,0 +1,15 @@
+* {
+  all: unset;
+  background-color: mintcream;
+}
+
+picture {
+  background-color: firebrick;
+}
+
+#reference {
+  background-image: image(lime);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 150px 150px;
+}
diff --git a/testsuite/reftests/center-center-150x150-picture-in-200x100.ref.ui b/testsuite/reftests/center-center-150x150-picture-in-200x100.ref.ui
new file mode 100644
index 0000000000..e06f2b02dd
--- /dev/null
+++ b/testsuite/reftests/center-center-150x150-picture-in-200x100.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="width_request">200</property>
+    <property name="height_request">100</property>
+    <property name="name">reference</property>
+    <property name="decorated">0</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-150x150-picture-in-200x100.ui b/testsuite/reftests/center-center-150x150-picture-in-200x100.ui
new file mode 100644
index 0000000000..3c74776bd3
--- /dev/null
+++ b/testsuite/reftests/center-center-150x150-picture-in-200x100.ui
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="default-width">200</property>
+    <property name="default-height">100</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-150x150.png</property>
+        <property name="keep-aspect-ratio">0</property>
+        <property name="can-shrink">1</property>
+        <property name="halign">center</property>
+        <property name="valign">center</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-200x200-picture-in-100x200.css b/testsuite/reftests/center-center-200x200-picture-in-100x200.css
new file mode 100644
index 0000000000..e496fc2d82
--- /dev/null
+++ b/testsuite/reftests/center-center-200x200-picture-in-100x200.css
@@ -0,0 +1,15 @@
+* {
+  all: unset;
+  background-color: mintcream;
+}
+
+picture {
+  background-color: firebrick;
+}
+
+#reference {
+  background-image: image(lime);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100px 100px;
+}
diff --git a/testsuite/reftests/center-center-200x200-picture-in-100x200.ref.ui b/testsuite/reftests/center-center-200x200-picture-in-100x200.ref.ui
new file mode 100644
index 0000000000..9521d560cb
--- /dev/null
+++ b/testsuite/reftests/center-center-200x200-picture-in-100x200.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="width_request">100</property>
+    <property name="height_request">200</property>
+    <property name="name">reference</property>
+    <property name="decorated">0</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-200x200-picture-in-100x200.ui b/testsuite/reftests/center-center-200x200-picture-in-100x200.ui
new file mode 100644
index 0000000000..0f4ead1f86
--- /dev/null
+++ b/testsuite/reftests/center-center-200x200-picture-in-100x200.ui
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="default-width">100</property>
+    <property name="default-height">200</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-200x200.png</property>
+        <property name="keep-aspect-ratio">0</property>
+        <property name="can-shrink">1</property>
+        <property name="halign">center</property>
+        <property name="valign">center</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-200x200-picture-in-200x100.css b/testsuite/reftests/center-center-200x200-picture-in-200x100.css
new file mode 100644
index 0000000000..cb3b17ba09
--- /dev/null
+++ b/testsuite/reftests/center-center-200x200-picture-in-200x100.css
@@ -0,0 +1,15 @@
+* {
+  all: unset;
+  background-color: mintcream;
+}
+
+picture {
+  background-color: firebrick;
+}
+
+#reference {
+  background-image: image(lime);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 200px 200px;
+}
diff --git a/testsuite/reftests/center-center-200x200-picture-in-200x100.ref.ui b/testsuite/reftests/center-center-200x200-picture-in-200x100.ref.ui
new file mode 100644
index 0000000000..e06f2b02dd
--- /dev/null
+++ b/testsuite/reftests/center-center-200x200-picture-in-200x100.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="width_request">200</property>
+    <property name="height_request">100</property>
+    <property name="name">reference</property>
+    <property name="decorated">0</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-200x200-picture-in-200x100.ui b/testsuite/reftests/center-center-200x200-picture-in-200x100.ui
new file mode 100644
index 0000000000..82b7b89f4e
--- /dev/null
+++ b/testsuite/reftests/center-center-200x200-picture-in-200x100.ui
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="default-width">200</property>
+    <property name="default-height">100</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-200x200.png</property>
+        <property name="keep-aspect-ratio">0</property>
+        <property name="can-shrink">1</property>
+        <property name="halign">center</property>
+        <property name="valign">center</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-20x20-picture-in-100x200.css b/testsuite/reftests/center-center-20x20-picture-in-100x200.css
new file mode 100644
index 0000000000..2756ae7d64
--- /dev/null
+++ b/testsuite/reftests/center-center-20x20-picture-in-100x200.css
@@ -0,0 +1,15 @@
+* {
+  all: unset;
+  background-color: mintcream;
+}
+
+picture {
+  background-color: firebrick;
+}
+
+#reference {
+  background-image: image(lime);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 20px 20px;
+}
diff --git a/testsuite/reftests/center-center-20x20-picture-in-100x200.ref.ui b/testsuite/reftests/center-center-20x20-picture-in-100x200.ref.ui
new file mode 100644
index 0000000000..9521d560cb
--- /dev/null
+++ b/testsuite/reftests/center-center-20x20-picture-in-100x200.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="width_request">100</property>
+    <property name="height_request">200</property>
+    <property name="name">reference</property>
+    <property name="decorated">0</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-20x20-picture-in-100x200.ui b/testsuite/reftests/center-center-20x20-picture-in-100x200.ui
new file mode 100644
index 0000000000..80ecb6f2f1
--- /dev/null
+++ b/testsuite/reftests/center-center-20x20-picture-in-100x200.ui
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="default-width">100</property>
+    <property name="default-height">200</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-20x20.png</property>
+        <property name="keep-aspect-ratio">0</property>
+        <property name="can-shrink">1</property>
+        <property name="halign">center</property>
+        <property name="valign">center</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-20x20-picture-in-200x100.css b/testsuite/reftests/center-center-20x20-picture-in-200x100.css
new file mode 100644
index 0000000000..2756ae7d64
--- /dev/null
+++ b/testsuite/reftests/center-center-20x20-picture-in-200x100.css
@@ -0,0 +1,15 @@
+* {
+  all: unset;
+  background-color: mintcream;
+}
+
+picture {
+  background-color: firebrick;
+}
+
+#reference {
+  background-image: image(lime);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 20px 20px;
+}
diff --git a/testsuite/reftests/center-center-20x20-picture-in-200x100.ref.ui b/testsuite/reftests/center-center-20x20-picture-in-200x100.ref.ui
new file mode 100644
index 0000000000..e06f2b02dd
--- /dev/null
+++ b/testsuite/reftests/center-center-20x20-picture-in-200x100.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="width_request">200</property>
+    <property name="height_request">100</property>
+    <property name="name">reference</property>
+    <property name="decorated">0</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-20x20-picture-in-200x100.ui b/testsuite/reftests/center-center-20x20-picture-in-200x100.ui
new file mode 100644
index 0000000000..239c680026
--- /dev/null
+++ b/testsuite/reftests/center-center-20x20-picture-in-200x100.ui
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="default-width">200</property>
+    <property name="default-height">100</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-20x20.png</property>
+        <property name="keep-aspect-ratio">0</property>
+        <property name="can-shrink">1</property>
+        <property name="halign">center</property>
+        <property name="valign">center</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-300x300-picture-in-100x200.css b/testsuite/reftests/center-center-300x300-picture-in-100x200.css
new file mode 100644
index 0000000000..e496fc2d82
--- /dev/null
+++ b/testsuite/reftests/center-center-300x300-picture-in-100x200.css
@@ -0,0 +1,15 @@
+* {
+  all: unset;
+  background-color: mintcream;
+}
+
+picture {
+  background-color: firebrick;
+}
+
+#reference {
+  background-image: image(lime);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100px 100px;
+}
diff --git a/testsuite/reftests/center-center-300x300-picture-in-100x200.ref.ui b/testsuite/reftests/center-center-300x300-picture-in-100x200.ref.ui
new file mode 100644
index 0000000000..9521d560cb
--- /dev/null
+++ b/testsuite/reftests/center-center-300x300-picture-in-100x200.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="width_request">100</property>
+    <property name="height_request">200</property>
+    <property name="name">reference</property>
+    <property name="decorated">0</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-300x300-picture-in-100x200.ui b/testsuite/reftests/center-center-300x300-picture-in-100x200.ui
new file mode 100644
index 0000000000..12b254670f
--- /dev/null
+++ b/testsuite/reftests/center-center-300x300-picture-in-100x200.ui
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="default-width">100</property>
+    <property name="default-height">200</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-300x300.png</property>
+        <property name="keep-aspect-ratio">0</property>
+        <property name="can-shrink">1</property>
+        <property name="halign">center</property>
+        <property name="valign">center</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-300x300-picture-in-200x100.css b/testsuite/reftests/center-center-300x300-picture-in-200x100.css
new file mode 100644
index 0000000000..5b067dd562
--- /dev/null
+++ b/testsuite/reftests/center-center-300x300-picture-in-200x100.css
@@ -0,0 +1,15 @@
+* {
+  all: unset;
+  background-color: mintcream;
+}
+
+picture {
+  background-color: firebrick;
+}
+
+#reference {
+  background-image: image(lime);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 300px 300px;
+}
diff --git a/testsuite/reftests/center-center-300x300-picture-in-200x100.ref.ui b/testsuite/reftests/center-center-300x300-picture-in-200x100.ref.ui
new file mode 100644
index 0000000000..e06f2b02dd
--- /dev/null
+++ b/testsuite/reftests/center-center-300x300-picture-in-200x100.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="width_request">200</property>
+    <property name="height_request">100</property>
+    <property name="name">reference</property>
+    <property name="decorated">0</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/center-center-300x300-picture-in-200x100.ui b/testsuite/reftests/center-center-300x300-picture-in-200x100.ui
new file mode 100644
index 0000000000..4182b9d821
--- /dev/null
+++ b/testsuite/reftests/center-center-300x300-picture-in-200x100.ui
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow">
+    <property name="default-width">200</property>
+    <property name="default-height">100</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-300x300.png</property>
+        <property name="keep-aspect-ratio">0</property>
+        <property name="can-shrink">1</property>
+        <property name="halign">center</property>
+        <property name="valign">center</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/meson.build b/testsuite/reftests/meson.build
index a16d11ead0..587fa252ac 100644
--- a/testsuite/reftests/meson.build
+++ b/testsuite/reftests/meson.build
@@ -172,35 +172,65 @@ testdata = [
   'box-shadow-with-blend-mode.ui',
   'button-wrapping.ui',
   'button-wrapping.ref.ui',
+  'center-center-100x100-picture-in-100x200.css',
   'center-center-100x100-picture-in-100x200-overlay.css',
+  'center-center-100x100-picture-in-100x200.ref.ui',
   'center-center-100x100-picture-in-100x200-overlay.ref.ui',
+  'center-center-100x100-picture-in-100x200.ui',
   'center-center-100x100-picture-in-100x200-overlay.ui',
+  'center-center-100x100-picture-in-200x100.css',
   'center-center-100x100-picture-in-200x100-overlay.css',
+  'center-center-100x100-picture-in-200x100.ref.ui',
   'center-center-100x100-picture-in-200x100-overlay.ref.ui',
+  'center-center-100x100-picture-in-200x100.ui',
   'center-center-100x100-picture-in-200x100-overlay.ui',
+  'center-center-150x150-picture-in-100x200.css',
   'center-center-150x150-picture-in-100x200-overlay.css',
+  'center-center-150x150-picture-in-100x200.ref.ui',
   'center-center-150x150-picture-in-100x200-overlay.ref.ui',
+  'center-center-150x150-picture-in-100x200.ui',
   'center-center-150x150-picture-in-100x200-overlay.ui',
+  'center-center-150x150-picture-in-200x100.css',
   'center-center-150x150-picture-in-200x100-overlay.css',
+  'center-center-150x150-picture-in-200x100.ref.ui',
   'center-center-150x150-picture-in-200x100-overlay.ref.ui',
+  'center-center-150x150-picture-in-200x100.ui',
   'center-center-150x150-picture-in-200x100-overlay.ui',
+  'center-center-200x200-picture-in-100x200.css',
   'center-center-200x200-picture-in-100x200-overlay.css',
+  'center-center-200x200-picture-in-100x200.ref.ui',
   'center-center-200x200-picture-in-100x200-overlay.ref.ui',
+  'center-center-200x200-picture-in-100x200.ui',
   'center-center-200x200-picture-in-100x200-overlay.ui',
+  'center-center-200x200-picture-in-200x100.css',
   'center-center-200x200-picture-in-200x100-overlay.css',
+  'center-center-200x200-picture-in-200x100.ref.ui',
   'center-center-200x200-picture-in-200x100-overlay.ref.ui',
+  'center-center-200x200-picture-in-200x100.ui',
   'center-center-200x200-picture-in-200x100-overlay.ui',
+  'center-center-20x20-picture-in-100x200.css',
   'center-center-20x20-picture-in-100x200-overlay.css',
+  'center-center-20x20-picture-in-100x200.ref.ui',
   'center-center-20x20-picture-in-100x200-overlay.ref.ui',
+  'center-center-20x20-picture-in-100x200.ui',
   'center-center-20x20-picture-in-100x200-overlay.ui',
+  'center-center-20x20-picture-in-200x100.css',
   'center-center-20x20-picture-in-200x100-overlay.css',
+  'center-center-20x20-picture-in-200x100.ref.ui',
   'center-center-20x20-picture-in-200x100-overlay.ref.ui',
+  'center-center-20x20-picture-in-200x100.ui',
   'center-center-20x20-picture-in-200x100-overlay.ui',
+  'center-center-300x300-picture-in-100x200.css',
   'center-center-300x300-picture-in-100x200-overlay.css',
+  'center-center-300x300-picture-in-100x200.ref.ui',
   'center-center-300x300-picture-in-100x200-overlay.ref.ui',
+  'center-center-300x300-picture-in-100x200.ui',
   'center-center-300x300-picture-in-100x200-overlay.ui',
+  'center-center-300x300-picture-in-200x100.css',
   'center-center-300x300-picture-in-200x100-overlay.css',
+  'center-center-300x300-picture-in-200x100.ref.ui',
   'center-center-300x300-picture-in-200x100-overlay.ref.ui',
+  'center-center-300x300-picture-in-200x100.ui',
   'center-center-300x300-picture-in-200x100-overlay.ui',
   'centerlayout-invisible-child.css',
   'centerlayout-invisible-child.ref.ui',
-- 
2.30.2